<template>
  <div>
    <table class="table1 owntable mb20 tableLayout" border="0" cellspacing="0" cellpadding="1" style="width: 100%;">
      <tr>
        <td width="150">中间品出库管理编号</td>
        <td>{{ item.number }}</td>
       <td width="150">生产批号</td>
       <td>{{ item.batchNumber }}</td>
      </tr>
      <tr>
        <td>出库日期</td>
        <td>{{ item.chukuDate }}</td>
        <td>管理部门</td>
        <td>{{ item.manageDeptName }}</td>
      </tr>
      <tr>
        <td>负责人</td>
        <td>{{ item.manageUserName }}</td>
        <td>编制部门</td>
        <td>{{ item.createDeptName }}</td>
      </tr>
    </table>
    <div class="mb20">出库的中间品如下：</div>
    <table class="table1 owntable mb20 " border="0" cellspacing="0" cellpadding="1" style="width: 100%;">
      <tr>
        <!-- <td class="gray_bg">生产批号</td> -->
        <td class="gray_bg">中间品名称</td>
        <td class="gray_bg">中间品规格型号</td>
        <td class="gray_bg">中间品编号</td>
        <td class="gray_bg">出库数量</td>
        <td class="gray_bg">单位</td>
      </tr>
      <tr v-for="(v, i) in item.middleList" :key="i">
        <!-- <td class="white_bg">{{ v.batchNumber }}</td> -->
        <td>{{ v.middleName }}</td>
        <td class="white_bg">{{ v.middleSku }}</td>
        <td>{{ v.middleNumber }}</td>
        <td class="white_bg">{{ v.middleQty }}</td>
        <td>{{ v.unit }}</td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  props: {
    item: {}
  }
};
</script>

<style></style>
